.byte-tabs-vertical .byte-tabs-header-size-large .byte-tabs-header,
	.byte-tabs-vertical .byte-tabs-header-size-small .byte-tabs-header,
	.byte-tag {
	height: auto
}

.byte-tag {
	padding: 0 6px;
	font-size: 12px;
	cursor: pointer;
	line-height: 22px;
	border-radius: 2px;
	white-space: nowrap;
	color: #282f38;
	display: inline-block;
	box-sizing: border-box;
	transition: all .3s;
	border: 1px solid transparent;
	background-color: transparent
}

.byte-tag:hover {
	opacity: .8
}

.byte-tag-size-small {
	height: 20px;
	line-height: 18px;
	padding: 0 4px
}

.byte-tag-size-medium {
	padding: 2px 6px
}

.byte-tag-size-large {
	font-size: 14px;
	padding: 4px 6px
}

.byte-tag-hide {
	display: none
}

.byte-tag-checked {
	border: 1px solid #e6e8eb
}

.byte-tag-loading {
	opacity: .8;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default
}

.byte-tag:not(.byte-tag-checked):hover {
	cursor: pointer;
	color: #ff5e5e;
	color: var(- -red400)
}

.byte-tag-icon {
	font-size: 12px;
	margin-left: 4px;
	color: #c2c6cc
}

.byte-tag-icon-large {
	position: relative;
	top: -1px
}

.byte-tag-checked.byte-tag-fill .byte-icon {
	color: #fff
}

.byte-tag-checked .byte-tag-icon-white {
	color: #c2c6cc
}

.byte-tag-checked .byte-tag-icon-red {
	color: #eb3c36
}

.byte-tag-checked .byte-tag-icon-yellow {
	color: #ffcd00
}

.byte-tag-checked .byte-tag-icon-blue {
	color: #3370ff
}

.byte-tag-checked .byte-tag-icon-green {
	color: #0fbf60
}

.byte-tag-checked .byte-tag-icon-purple {
	color: #6c30c7
}

.byte-tag-checked .byte-tag-icon-cyan {
	color: #00d0b6
}

.byte-tag-checked .byte-tag-icon-orange {
	color: #f58505
}

.byte-tag-checked .byte-tag-icon-rose {
	color: #d018ca
}

.byte-tag-checked .byte-tag-icon-dark-blue {
	color: #3346cc
}

.byte-tag-checked.byte-tag-red {
	color: #eb3c36;
	border: 1px solid #ffbfb5;
	background-color: #fff3f0
}

.byte-tag-checked.byte-tag-fill.byte-tag-red {
	border: 1px solid #eb3c36;
	background-color: #eb3c36
}

.byte-tag-checked.byte-tag-yellow {
	color: #ffcd00;
	border: 1px solid #fff27a;
	background-color: #fffee6
}

.byte-tag-checked.byte-tag-fill.byte-tag-yellow {
	border: 1px solid #ffcd00;
	background-color: #ffcd00
}

.byte-tag-checked.byte-tag-blue {
	color: #3370ff;
	border: 1px solid #adceff;
	background-color: #d6e8ff
}

.byte-tag-checked.byte-tag-fill.byte-tag-blue {
	border: 1px solid #3370ff;
	background-color: #3370ff
}

.byte-tag-checked.byte-tag-green {
	color: #0fbf60;
	border: 1px solid #c1faaf;
	background-color: #f0ffeb
}

.byte-tag-checked.byte-tag-fill.byte-tag-green {
	border: 1px solid #0fbf60;
	background-color: #0fbf60
}

.byte-tag-checked.byte-tag-purple {
	color: #6c30c7;
	border: 1px solid #d7b4fa;
	background-color: #f9f2ff
}

.byte-tag-checked.byte-tag-fill.byte-tag-purple {
	color: #fff;
	border: 1px solid #6c30c7;
	background-color: #6c30c7
}

.byte-tag-checked.byte-tag-cyan {
	color: #00d0b6;
	border: 1px solid #8ff7e0;
	background-color: #e6fff8
}

.byte-tag-checked.byte-tag-fill.byte-tag-cyan {
	color: #fff;
	border: 1px solid #00d0b6;
	background-color: #00d0b6
}

.byte-tag-checked.byte-tag-orange {
	color: #f58505;
	border: 1px solid #ffd48a;
	background-color: #fff7e6
}

.byte-tag-checked.byte-tag-fill.byte-tag-orange {
	border: 1px solid #f58505;
	background-color: #f58505
}

.byte-tag-checked.byte-tag-rose {
	color: #d018ca;
	border: 1px solid #eb7adf;
	background-color: #ffebfb
}

.byte-tag-checked.byte-tag-fill.byte-tag-rose {
	color: #fff;
	border: 1px solid #d018ca;
	background-color: #d018ca
}

.byte-tag-checked.byte-tag-dark-blue {
	color: #3346cc;
	border: 1px solid #bfcdff;
	background-color: #f2f6ff
}

.byte-tag-checked.byte-tag-fill.byte-tag-dark-blue {
	color: #fff;
	border: 1px solid #3346cc;
	background-color: #3346cc
}

.byte-timepicker {
	position: relative;
	padding: 0 18px;
	box-sizing: border-box;
	overflow: hidden
}

.byte-timepicker-column-1 {
	width: 66px
}

.byte-timepicker-column-1 .byte-timepicker-list {
	width: 100%
}

.byte-timepicker-column-2 {
	width: 132px
}

.byte-timepicker-column-2 .byte-timepicker-list {
	width: 50%
}

.byte-timepicker-column-3 {
	width: 200px
}

.byte-timepicker-column-3 .byte-timepicker-list {
	width: 33.33%
}

.byte-timepicker-column-4 {
	width: 264px
}

.byte-timepicker-column-4 .byte-timepicker-list {
	width: 25%
}

.byte-timepicker-list {
	max-height: 252px;
	overflow: hidden;
	float: left
}

.byte-timepicker-list:hover {
	overflow-y: auto
}

.byte-timepicker-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box
}

.byte-timepicker-list ul:after, .byte-timepicker-list ul:before {
	content: "";
	display: block;
	width: 100%;
	height: 108px
}

.byte-timepicker-cell {
	color: #7d7d7f;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
	text-align: center
}

.byte-timepicker-cell:not(.byte-timepicker-cell-selected):not(.byte-timepicker-cell-disabled):hover
	{
	background-color: #fff2f2;
	background-color: var(- -red50);
	color: #ff5e5e;
	color: var(- -red400)
}

.byte-timepicker-cell-selected {
	color: #222222;
	color: var(- -black01);
	font-weight: 700
}

.byte-timepicker-cell-disabled {
	color: #c2c6cc;
	cursor: not-allowed
}

.byte-timepicker-view-holder:after, .byte-timepicker-view-holder:before
	{
	content: "";
	position: absolute;
	width: calc(100% - 36px);
	height: 1px;
	top: 108px;
	left: 18px;
	background-color: #e1e1e3;
	box-sizing: border-box
}

.byte-timepicker-view-holder:after {
	top: 144px
}

.byte-timerpicker-rangepicker {
	padding: 0 16px 10px
}

.byte-timerpicker-rangepicker>div {
	display: inline-block
}

.byte-timerpicker-rangepicker>div .byte-timerpicker-rangepicker-end-title,
	.byte-timerpicker-rangepicker>div .byte-timerpicker-rangepicker-start-title
	{
	height: 44px;
	line-height: 44px;
	text-align: center
}

.byte-timerpicker-rangepicker>div .byte-timepicker {
	border: 1px solid #d8d8d8;
	border: 1px solid var(- -black05);
	border-radius: 4px
}

.byte-timerpicker-rangepicker>div:first-child {
	margin-right: 16px
}

.byte-datepicker-input {
	display: inline-block;
	width: 100%;
	line-height: 1.5;
	vertical-align: top
}

.byte-datepicker-container {
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
	border: none;
	border-radius: 4px;
	background-color: #fff;
	box-sizing: border-box;
	min-height: 60px
}

.byte-timeline.byte-timeline-alternate .byte-timeline-item>.byte-timeline-item-dot-wrapper
	{
	left: 50%
}

.byte-timeline.byte-timeline-alternate .byte-timeline-item>.byte-timeline-item-content-wrapper
	{
	left: 50%;
	width: 50%
}

.byte-timeline.byte-timeline-alternate .byte-timeline-item.is-right>.byte-timeline-item-content-wrapper
	{
	left: -8px;
	margin-left: 0;
	margin-right: 8px;
	text-align: right
}

.byte-timeline.byte-timeline-alternate .byte-timeline-item.is-right>.byte-timeline-item-dot-wrapper,
	.byte-timeline.byte-timeline-right .byte-timeline-item>.byte-timeline-item-dot-wrapper
	{
	right: 0
}

.byte-timeline.byte-timeline-right .byte-timeline-item>.byte-timeline-item-content-wrapper
	{
	text-align: right;
	margin-left: 0;
	margin-right: 24px
}

.byte-timeline-item {
	position: relative;
	color: #282f38;
	font-size: 14px;
	min-height: 56px
}

.byte-timeline-item.byte-timeline-item-last>.byte-timeline-item-dot-wrapper .byte-timeline-item-dot-line
	{
	display: none
}

.byte-timeline-item-dot-wrapper {
	position: absolute;
	width: 16px;
	overflow: hidden;
	text-align: center;
	height: 100%
}

.byte-timeline-item-dot-wrapper .byte-timeline-item-dot-content {
	height: 16px;
	line-height: 16px;
	text-align: center;
	padding: 2px 0
}

.byte-timeline-item-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	box-sizing: border-box;
	color: #ff5e5e;
	color: var(- -red400);
	margin: 0 auto;
	display: inline-block
}

.byte-timeline-item-dot-custom {
	display: inline-block;
	transform-origin: 0 0;
	color: #ff5e5e;
	color: var(- -red400)
}

.byte-timeline-item-dot-custom svg {
	vertical-align: middle;
	color: inherit
}

.byte-timeline-item-dot-solid {
	background-color: #ff5e5e;
	background-color: var(- -red400)
}

.byte-timeline-item-dot-hollow {
	border: 2px solid #ff5e5e;
	border: 2px solid var(- -red400);
	background-color: #fff
}

.byte-timeline-item-dot-line {
	top: 24px;
	bottom: 4px;
	width: 0;
	border-left: 2px solid #d7dadd;
	left: 50%;
	margin-left: -1px;
	position: absolute
}

.byte-timeline-item-label {
	font-size: 12px;
	color: #939aa3;
	margin-top: 4px;
	padding-bottom: 20px
}

.byte-timeline-item-content {
	line-height: 20px;
	font-size: 14px;
	color: #282f38
}

.byte-timeline-item-content-wrapper {
	margin-left: 24px;
	position: relative
}

.byte-popconfirm-content, .byte-popover-content, .byte-tooltip-content {
	padding: 10px;
	background-color: #505050;
	font-size: 14px;
	border-radius: 4px;
	color: #fff;
	line-height: 1.5
}

.byte-popconfirm-content-inner, .byte-popover-content-inner,
	.byte-tooltip-content-inner {
	word-wrap: break-word;
	text-align: left
}

.byte-popconfirm-arrow, .byte-popover-arrow, .byte-tooltip-arrow {
	border: solid transparent;
	content: "";
	height: 8px;
	width: 8px;
	position: absolute;
	display: block;
	box-sizing: border-box;
	transform: rotate(45deg);
	transform-origin: 50% 50% 0
}

.byte-popconfirm[trigger-placement=tl] .byte-popconfirm-arrow,
	.byte-popconfirm[trigger-placement=tl] .byte-popover-arrow,
	.byte-popconfirm[trigger-placement=tl] .byte-tooltip-arrow,
	.byte-popconfirm[trigger-placement=top] .byte-popconfirm-arrow,
	.byte-popconfirm[trigger-placement=top] .byte-popover-arrow,
	.byte-popconfirm[trigger-placement=top] .byte-tooltip-arrow,
	.byte-popconfirm[trigger-placement=tr] .byte-popconfirm-arrow,
	.byte-popconfirm[trigger-placement=tr] .byte-popover-arrow,
	.byte-popconfirm[trigger-placement=tr] .byte-tooltip-arrow,
	.byte-popover[trigger-placement=tl] .byte-popconfirm-arrow,
	.byte-popover[trigger-placement=tl] .byte-popover-arrow, .byte-popover[trigger-placement=tl] .byte-tooltip-arrow,
	.byte-popover[trigger-placement=top] .byte-popconfirm-arrow,
	.byte-popover[trigger-placement=top] .byte-popover-arrow, .byte-popover[trigger-placement=top] .byte-tooltip-arrow,
	.byte-popover[trigger-placement=tr] .byte-popconfirm-arrow,
	.byte-popover[trigger-placement=tr] .byte-popover-arrow, .byte-popover[trigger-placement=tr] .byte-tooltip-arrow,
	.byte-tooltip[trigger-placement=tl] .byte-popconfirm-arrow,
	.byte-tooltip[trigger-placement=tl] .byte-popover-arrow, .byte-tooltip[trigger-placement=tl] .byte-tooltip-arrow,
	.byte-tooltip[trigger-placement=top] .byte-popconfirm-arrow,
	.byte-tooltip[trigger-placement=top] .byte-popover-arrow, .byte-tooltip[trigger-placement=top] .byte-tooltip-arrow,
	.byte-tooltip[trigger-placement=tr] .byte-popconfirm-arrow,
	.byte-tooltip[trigger-placement=tr] .byte-popover-arrow, .byte-tooltip[trigger-placement=tr] .byte-tooltip-arrow
	{
	bottom: -4px;
	margin-left: -4px
}

.byte-popconfirm[trigger-placement=bl] .byte-popconfirm-arrow,
	.byte-popconfirm[trigger-placement=bl] .byte-popover-arrow,
	.byte-popconfirm[trigger-placement=bl] .byte-tooltip-arrow,
	.byte-popconfirm[trigger-placement=bottom] .byte-popconfirm-arrow,
	.byte-popconfirm[trigger-placement=bottom] .byte-popover-arrow,
	.byte-popconfirm[trigger-placement=bottom] .byte-tooltip-arrow,
	.byte-popconfirm[trigger-placement=br] .byte-popconfirm-arrow,
	.byte-popconfirm[trigger-placement=br] .byte-popover-arrow,
	.byte-popconfirm[trigger-placement=br] .byte-tooltip-arrow,
	.byte-popover[trigger-placement=bl] .byte-popconfirm-arrow,
	.byte-popover[trigger-placement=bl] .byte-popover-arrow, .byte-popover[trigger-placement=bl] .byte-tooltip-arrow,
	.byte-popover[trigger-placement=bottom] .byte-popconfirm-arrow,
	.byte-popover[trigger-placement=bottom] .byte-popover-arrow,
	.byte-popover[trigger-placement=bottom] .byte-tooltip-arrow,
	.byte-popover[trigger-placement=br] .byte-popconfirm-arrow,
	.byte-popover[trigger-placement=br] .byte-popover-arrow, .byte-popover[trigger-placement=br] .byte-tooltip-arrow,
	.byte-tooltip[trigger-placement=bl] .byte-popconfirm-arrow,
	.byte-tooltip[trigger-placement=bl] .byte-popover-arrow, .byte-tooltip[trigger-placement=bl] .byte-tooltip-arrow,
	.byte-tooltip[trigger-placement=bottom] .byte-popconfirm-arrow,
	.byte-tooltip[trigger-placement=bottom] .byte-popover-arrow,
	.byte-tooltip[trigger-placement=bottom] .byte-tooltip-arrow,
	.byte-tooltip[trigger-placement=br] .byte-popconfirm-arrow,
	.byte-tooltip[trigger-placement=br] .byte-popover-arrow, .byte-tooltip[trigger-placement=br] .byte-tooltip-arrow
	{
	top: -4px;
	margin-left: -4px
}

.byte-popconfirm[trigger-placement=lb] .byte-popconfirm-arrow,
	.byte-popconfirm[trigger-placement=lb] .byte-popover-arrow,
	.byte-popconfirm[trigger-placement=lb] .byte-tooltip-arrow,
	.byte-popconfirm[trigger-placement=left] .byte-popconfirm-arrow,
	.byte-popconfirm[trigger-placement=left] .byte-popover-arrow,
	.byte-popconfirm[trigger-placement=left] .byte-tooltip-arrow,
	.byte-popconfirm[trigger-placement=lt] .byte-popconfirm-arrow,
	.byte-popconfirm[trigger-placement=lt] .byte-popover-arrow,
	.byte-popconfirm[trigger-placement=lt] .byte-tooltip-arrow,
	.byte-popover[trigger-placement=lb] .byte-popconfirm-arrow,
	.byte-popover[trigger-placement=lb] .byte-popover-arrow, .byte-popover[trigger-placement=lb] .byte-tooltip-arrow,
	.byte-popover[trigger-placement=left] .byte-popconfirm-arrow,
	.byte-popover[trigger-placement=left] .byte-popover-arrow,
	.byte-popover[trigger-placement=left] .byte-tooltip-arrow,
	.byte-popover[trigger-placement=lt] .byte-popconfirm-arrow,
	.byte-popover[trigger-placement=lt] .byte-popover-arrow, .byte-popover[trigger-placement=lt] .byte-tooltip-arrow,
	.byte-tooltip[trigger-placement=lb] .byte-popconfirm-arrow,
	.byte-tooltip[trigger-placement=lb] .byte-popover-arrow, .byte-tooltip[trigger-placement=lb] .byte-tooltip-arrow,
	.byte-tooltip[trigger-placement=left] .byte-popconfirm-arrow,
	.byte-tooltip[trigger-placement=left] .byte-popover-arrow,
	.byte-tooltip[trigger-placement=left] .byte-tooltip-arrow,
	.byte-tooltip[trigger-placement=lt] .byte-popconfirm-arrow,
	.byte-tooltip[trigger-placement=lt] .byte-popover-arrow, .byte-tooltip[trigger-placement=lt] .byte-tooltip-arrow
	{
	right: -4px;
	margin-top: -4px
}

.byte-popconfirm[trigger-placement=rb] .byte-popconfirm-arrow,
	.byte-popconfirm[trigger-placement=rb] .byte-popover-arrow,
	.byte-popconfirm[trigger-placement=rb] .byte-tooltip-arrow,
	.byte-popconfirm[trigger-placement=right] .byte-popconfirm-arrow,
	.byte-popconfirm[trigger-placement=right] .byte-popover-arrow,
	.byte-popconfirm[trigger-placement=right] .byte-tooltip-arrow,
	.byte-popconfirm[trigger-placement=rt] .byte-popconfirm-arrow,
	.byte-popconfirm[trigger-placement=rt] .byte-popover-arrow,
	.byte-popconfirm[trigger-placement=rt] .byte-tooltip-arrow,
	.byte-popover[trigger-placement=rb] .byte-popconfirm-arrow,
	.byte-popover[trigger-placement=rb] .byte-popover-arrow, .byte-popover[trigger-placement=rb] .byte-tooltip-arrow,
	.byte-popover[trigger-placement=right] .byte-popconfirm-arrow,
	.byte-popover[trigger-placement=right] .byte-popover-arrow,
	.byte-popover[trigger-placement=right] .byte-tooltip-arrow,
	.byte-popover[trigger-placement=rt] .byte-popconfirm-arrow,
	.byte-popover[trigger-placement=rt] .byte-popover-arrow, .byte-popover[trigger-placement=rt] .byte-tooltip-arrow,
	.byte-tooltip[trigger-placement=rb] .byte-popconfirm-arrow,
	.byte-tooltip[trigger-placement=rb] .byte-popover-arrow, .byte-tooltip[trigger-placement=rb] .byte-tooltip-arrow,
	.byte-tooltip[trigger-placement=right] .byte-popconfirm-arrow,
	.byte-tooltip[trigger-placement=right] .byte-popover-arrow,
	.byte-tooltip[trigger-placement=right] .byte-tooltip-arrow,
	.byte-tooltip[trigger-placement=rt] .byte-popconfirm-arrow,
	.byte-tooltip[trigger-placement=rt] .byte-popover-arrow, .byte-tooltip[trigger-placement=rt] .byte-tooltip-arrow
	{
	left: -4px;
	margin-top: -4px
}

.byte-tooltip-arrow {
	background-color: #505050
}

.byte-transfer {
	padding: 20px;
	position: relative
}

.byte-transfer-list {
	width: 200px;
	height: 320px;
	display: inline-block;
	position: relative;
	padding-top: 54px;
	background-color: #f5f6f7;
	border-radius: 2px;
	color: #222222;
	color: var(- -black01);
	vertical-align: middle;
	border: 1px solid #e6e8eb
}

.byte-transfer-list, .byte-transfer-list-header {
	font-size: 14px;
	box-sizing: border-box
}

.byte-transfer-list-header {
	line-height: 22px;
	height: 22px;
	padding: 0 16px;
	width: 100%;
	position: absolute;
	top: 16px;
	font-family: SFUIDisplay-Regular
}

.byte-transfer-list-header-selected {
	font-weight: 500
}

.byte-transfer-list-header-unit {
	position: absolute;
	right: 16px;
	color: #999999;
	color: var(- -black03);
	font-weight: 400;
	line-height: 22px
}

.byte-transfer-list-body {
	width: 100%;
	position: relative;
	height: 100%;
	border-radius: 2px;
	padding: 8px 0 11px;
	box-sizing: border-box;
	background-color: #fff
}

.byte-transfer-list-body-search {
	position: absolute;
	top: 12px;
	left: 16px;
	width: calc(100% - 32px);
	border-radius: 2px;
	border: 1px solid #e6e8eb;
	background-color: #fff;
	color: #222222;
	color: var(- -black01);
	font-size: 14px
}

.byte-transfer-list-body-footer {
	position: absolute;
	right: 16px;
	bottom: 8px
}

.byte-transfer-list-body-footer>button {
	width: 88px;
	height: 32px
}

.byte-transfer-list-body-with-search {
	width: 100%;
	position: relative;
	height: 100%;
	padding: 60px 0 12px;
	box-sizing: border-box
}

.byte-transfer-list-body-with-footer {
	width: 100%;
	padding-bottom: 48px
}

.byte-transfer-list-content {
	list-style: none;
	height: 100%;
	overflow: auto;
	box-sizing: border-box
}

.byte-transfer-list-content .byte-transfer-list-content-item {
	min-height: 32px;
	padding: 0 16px
}

.byte-transfer-list-content .byte-transfer-list-content-item-disabled {
	color: rgba(0, 0, 0, .15)
}

.byte-transfer-list-content-with-footer {
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e8eb
}

.byte-transfer-list-empty {
	width: 100%;
	height: 100%;
	display: table;
	box-sizing: border-box
}

.byte-transfer-list-empty>div {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	color: #b9b9bb
}

.byte-transfer-list-empty-with-footer {
	border-bottom: 1px solid #d9d9d9
}

.byte-transfer-operations {
	display: inline-block;
	overflow: hidden;
	margin: 0 8px;
	vertical-align: middle;
	text-align: center
}

.byte-transfer-operations>button {
	display: block;
	margin: 24px 28px
}

.byte-transfer-operations>button>svg {
	font-size: 16px
}

.byte-transfer-operations-words>button {
	width: auto;
	height: auto;
	border-radius: 2px;
	font-size: 12px
}

.byte-transfer-disabled .byte-transfer-list {
	cursor: not-allowed
}

.byte-transfer-disabled .byte-transfer-list-body {
	background-color: #f5f5f5;
	background-color: var(- -black07);
	color: #bfbfbf;
	color: var(- -black04)
}

.byte-tree, .byte-tree-node-ul {
	list-style: none;
	padding-left: 16px;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.3;
	letter-spacing: normal;
	color: #222222;
	color: var(- -black01);
	margin: 0
}

.byte-tree .byte-tree-node-ul li, .byte-tree li.byte-tree-node {
	line-height: 2.3
}

>
.byte-tree-node>.byte-checkbox {
	margin-left: 8px
}

ul.byte-tree .byte-tree-node {
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #222222;
	color: var(- -black01);
	overflow: hidden;
	position: relative
}

ul.byte-tree .byte-tree-node>.byte-tree-node-title {
	margin-left: 8px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	cursor: pointer
}

ul.byte-tree .byte-tree-node>.byte-tree-node-title:hover {
	background-color: #f5f6f7;
	color: #ff5e5e;
	color: var(- -red400)
}

ul.byte-tree .byte-tree-node>.byte-tree-node-title-draggable {
	padding: 2px 0;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent
}

ul.byte-tree .byte-tree-node>.byte-tree-node-title-gap-bottom {
	border-bottom-color: #ff5e5e;
	border-bottom-color: var(- -red400)
}

ul.byte-tree .byte-tree-node>.byte-tree-node-title-gap-top {
	border-top-color: #ff5e5e;
	border-top-color: var(- -red400)
}

ul.byte-tree .byte-tree-node>.byte-tree-node-title-highlight, ul.byte-tree .byte-tree-node>.byte-tree-node-title-highlight:hover
	{
	background-color: #ff8585;
	background-color: var(- -red300);
	color: #fff
}

ul.byte-tree .byte-tree-node-ul {
	display: none;
	padding-left: 22px;
	transition: all .3s cubic-bezier(.23, 1, .32, 1)
}

ul.byte-tree .byte-tree-node-selected, ul.byte-tree .byte-tree-node-selected>.byte-tree-node-title
	{
	color: #ff5e5e;
	color: var(- -red400)
}

ul.byte-tree .byte-tree-node-no-children {
	padding-left: 12px
}

ul.byte-tree .byte-tree-node .byte-icon {
	font-size: 14px;
	margin-right: 8px
}

ul.byte-tree .byte-tree-node>.byte-icon-loading {
	font-size: 12px;
	margin: 0;
	color: #ff5e5e;
	color: var(- -red400)
}

ul.byte-tree .byte-tree-node>.byte-icon-caret-down {
	cursor: pointer;
	transition: all .2s linear;
	transform: rotate(-90deg);
	color: #999999;
	color: var(- -black03);
	font-size: 12px;
	margin: 0
}

ul.byte-tree .byte-tree-node-expanded>.byte-icon-caret-down {
	transform: rotate(0)
}

ul.byte-tree .byte-tree-node-expanded>.byte-tree-node-ul {
	display: block
}

ul.byte-tree .byte-tree-node-disabled-selected>.byte-tree-node-title, ul.byte-tree .byte-tree-node-disabled-selected>.byte-tree-node-title:hover,
	ul.byte-tree .byte-tree-node-disabled>.byte-tree-node-title, ul.byte-tree .byte-tree-node-disabled>.byte-tree-node-title:hover
	{
	background: none;
	color: #bfbfbf;
	color: var(- -black04);
	cursor: not-allowed
}

ul.byte-tree .byte-tree-node-disabled>.byte-icon-caret-down {
	color: #bfbfbf;
	color: var(- -black04);
	cursor: not-allowed
}

ul.byte-tree .byte-tree-node .byte-checkbox {
	vertical-align: middle;
	margin: 0 0 0 8px
}

ul.byte-tree-checkable .byte-tree-node-ul {
	padding-left: 24px
}

.byte-tree-select {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 32px;
	line-height: 32px;
	box-sizing: border-box;
	cursor: pointer;
	transition: all .3s
}

.byte-tree-select-multiple {
	cursor: text;
	height: auto;
	min-height: 32px
}

.byte-tree-select-show-search .byte-tree-select-view {
	cursor: text
}

.byte-tree-select-multiple .byte-tree-select-view {
	min-height: 32px;
	height: auto;
	padding: 0 4px 4px
}

.byte-tree-select-multiple .byte-tree-select-view-inner {
	margin-bottom: -6px
}

.byte-tree-select-multiple .byte-tree-select-view-placeholder {
	margin-left: 8px
}

.byte-tree-select.disabled .byte-tree-select-view {
	cursor: not-allowed;
	background-color: #f5f5f5;
	background-color: var(- -black07)
}

.byte-tree-select.disabled .byte-tree-select-arrow, .byte-tree-select.disabled .byte-tree-select-suffix-icon,
	.byte-tree-select.disabled .byte-tree-select-view-value {
	color: #bfbfbf;
	color: var(- -black04)
}

.byte-tree-select:not(.disabled).byte-tree-select.error .byte-tree-select-view,
	.byte-tree-select:not(.disabled).byte-tree-select.error .byte-tree-select-view:hover
	{
	border-color: #f04142
}

.byte-tree-select-focused:not(.disabled).error .byte-tree-select-view {
	border-color: #f04142;
	box-shadow: none
}

.byte-tree-select-focused:not(.disabled).error .byte-tree-select-view:hover
	{
	border-color: #f04142
}

.byte-tree-select-focused:not(.disabled) .byte-tree-select-view {
	border-color: #ff5e5e;
	border-color: var(- -red400);
	box-shadow: none
}

.byte-tree-select:not(.disabled) .byte-tree-select-view:hover {
	border-color: #ff5e5e;
	border-color: var(- -red400)
}

.byte-tree-select:focus:not(.disabled) .byte-tree-select-view {
	border-color: #ff5e5e;
	border-color: var(- -red400);
	box-shadow: none
}

.byte-tree-select.error:focus:not(.disabled) .byte-tree-select-view {
	border-color: #f04142;
	box-shadow: none
}

.byte-tree-select-view {
	position: relative;
	height: 32px;
	line-height: 30px;
	border: 1px solid #d8d8d8;
	border: 1px solid var(- -black05);
	background-color: #fff;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 14px;
	padding: 0 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all .3s;
	text-align: left
}

.byte-tree-select-view:after {
	content: "";
	display: table;
	clear: both
}

.byte-tree-select-view-inner {
	position: relative;
	display: block;
	margin-right: 10px
}

.byte-tree-select-view-inner:after {
	display: inline-block;
	width: 0;
	visibility: hidden;
	content: ".";
	pointer-events: none
}

.byte-tree-select-view-inner input {
	position: relative;
	width: 100%;
	font-size: 14px;
	border: none;
	background: transparent
}

.byte-tree-select-view-value {
	color: #222222;
	color: var(- -black01)
}

.byte-tree-select-view-placeholder, .byte-tree-select-view-value {
	position: absolute;
	line-height: 30px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.byte-tree-select-view-placeholder {
	color: #bfbfbf;
	color: var(- -black04)
}

.byte-tree-select-view .byte-tree-select-view-choice-list {
	list-style: none;
	padding: 0;
	margin: 0
}

.byte-tree-select-view .byte-tree-select-view-choice-list li:first-child.byte-tree-select-view-search
	{
	margin-left: 8px
}

.byte-tree-select-view .byte-tree-select-view-choice {
	float: left;
	height: 22px;
	line-height: 22px;
	padding: 0 14px 0 8px;
	margin-top: 4px;
	margin-right: 4px;
	background-color: #f0f1f2;
	color: #222222;
	color: var(- -black01);
	border-radius: 4px;
	font-size: 12px;
	transition: all .3s cubic-bezier(.08, .82, .17, 1);
	max-width: 100%;
	cursor: default;
	position: relative
}

.byte-tree-select-view .byte-tree-select-view-choice:hover svg {
	color: #222222;
	color: var(- -black01)
}

.byte-tree-select-view .byte-tree-select-view-choice-disabled {
	padding-right: 8px;
	cursor: not-allowed
}

.byte-tree-select-view .byte-tree-select-view-choice>span {
	display: inline-block;
	max-width: 100%;
	padding-right: 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.byte-tree-select-view .byte-tree-select-view-choice>svg {
	font-size: 12px;
	color: #999999;
	color: var(- -black03);
	cursor: pointer;
	transition: .3s;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 4px
}

.byte-tree-select-view .byte-tree-select-view-choice>svg:hover {
	color: #222222;
	color: var(- -black01)
}

.byte-tree-select-view .byte-tree-select-view-search {
	display: none;
	position: relative;
	float: left;
	height: 22px;
	line-height: 22px;
	margin-top: 4px;
	max-width: 100%;
	background: transparent;
	overflow: hidden
}

.byte-tree-select-view .byte-tree-select-view-search input {
	border: none;
	outline: none;
	width: 4px;
	font-size: 14px;
	background: transparent
}

.byte-tree-select-input-mirror {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0;
	opacity: 0;
	white-space: pre
}

.byte-tree-select-open .byte-tree-select-view-search {
	display: block
}

.byte-tree-select-arrow, .byte-tree-select-suffix-icon {
	display: inline-block;
	line-height: 1;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s;
	color: #999999;
	color: var(- -black03)
}

.byte-tree-select-arrow>svg, .byte-tree-select-suffix-icon>svg {
	font-size: 12px;
	vertical-align: -2px
}

.byte-tree-select-open .byte-tree-select-arrow {
	transform: translateY(-50%) rotate(180deg)
}

.byte-tree-select-clear-icon {
	display: none;
	position: absolute;
	background-color: #fff;
	right: 8px;
	top: 50%;
	line-height: 20px;
	transform: translateY(-50%);
	cursor: pointer
}

.byte-tree-select-clear-icon.is-hidden {
	display: none
}

.byte-tree-select-clear-icon svg {
	color: #999999;
	color: var(- -black03);
	vertical-align: -3px;
	font-size: 16px;
	transition: color .3s
}

.byte-tree-select-clear-icon svg:hover {
	color: #222222;
	color: var(- -black01)
}

.byte-tree-select-allow-clear:hover .byte-tree-select-clear-icon:not(.is-hidden)
	{
	display: block
}

.byte-tree-select-size-small .byte-tree-select-view ul li.byte-select-view-search input
	{
	font-size: 12px
}

.byte-tree-select-size-small {
	height: 24px;
	line-height: 24px
}

.byte-tree-select-size-small .byte-tree-select-view {
	height: 24px
}

.byte-tree-select-size-small .byte-tree-select-view,
	.byte-tree-select-size-small .byte-tree-select-view-placeholder,
	.byte-tree-select-size-small .byte-tree-select-view-value {
	line-height: 22px;
	font-size: 12px
}

.byte-tree-select-size-small .byte-tree-select-view-choice,
	.byte-tree-select-size-small .byte-tree-select-view-search {
	height: 14px;
	line-height: 14px
}

.byte-tree-select-size-small input {
	font-size: 12px
}

.byte-tree-select-size-small.byte-tree-select-multiple,
	.byte-tree-select-size-small.byte-tree-select-multiple .byte-tree-select-view
	{
	min-height: 24px;
	height: auto
}

.byte-tree-select-size-large {
	height: 36px;
	line-height: 36px
}

.byte-tree-select-size-large .byte-tree-select-view {
	height: 36px
}

.byte-tree-select-size-large .byte-tree-select-view,
	.byte-tree-select-size-large .byte-tree-select-view-placeholder,
	.byte-tree-select-size-large .byte-tree-select-view-value {
	line-height: 34px;
	font-size: 14px
}

.byte-tree-select-size-large .byte-tree-select-view-choice,
	.byte-tree-select-size-large .byte-tree-select-view-search {
	height: 26px;
	line-height: 26px
}

.byte-tree-select-size-large input {
	font-size: 14px
}

.byte-tree-select-size-large.byte-tree-select-multiple,
	.byte-tree-select-size-large.byte-tree-select-multiple .byte-tree-select-view
	{
	min-height: 36px;
	height: auto
}

.byte-tree-select-size-huge {
	height: 40px;
	line-height: 40px
}

.byte-tree-select-size-huge .byte-tree-select-view {
	height: 40px
}

.byte-tree-select-size-huge .byte-tree-select-view,
	.byte-tree-select-size-huge .byte-tree-select-view-placeholder,
	.byte-tree-select-size-huge .byte-tree-select-view-value {
	line-height: 38px;
	font-size: 16px
}

.byte-tree-select-size-huge .byte-tree-select-view-choice,
	.byte-tree-select-size-huge .byte-tree-select-view-search {
	height: 30px;
	line-height: 30px
}

.byte-tree-select-size-huge input {
	font-size: 16px
}

.byte-tree-select-size-huge.byte-tree-select-multiple,
	.byte-tree-select-size-huge.byte-tree-select-multiple .byte-tree-select-view
	{
	min-height: 40px;
	height: auto
}

.byte-tree-select-popup {
	width: 100%;
	top: 0;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
	border-radius: 4px;
	border: none;
	background-color: #fff;
	box-sizing: border-box;
	white-space: nowrap;
	height: 100%;
	overflow: auto
}

.byte-tree-select-popup .byte-tree {
	padding-right: 16px;
	margin: 0
}

.byte-trigger {
	position: absolute;
	z-index: 1000
}

.dropdownSlide-enter {
	opacity: 0;
	transform-origin: 0 0;
	transform: scaleY(.8) translateZ(0);
	transition: transform .15s cubic-bezier(.23, 1, .32, 1), opacity .15s
		cubic-bezier(.23, 1, .32, 1)
}

.dropdownSlide-enter-active, .dropdownSlide-exit {
	opacity: 1;
	transform-origin: 0 0;
	transform: scaleY(1) translateZ(0)
}

.dropdownSlide-exit {
	transition: transform .15s cubic-bezier(.23, 1, .32, 1), opacity .15s
		cubic-bezier(.23, 1, .32, 1)
}

.dropdownSlide-exit-active {
	opacity: 0;
	transform-origin: 0 0;
	transform: scaleY(.8) translateZ(0)
}

.byte-upload {
	display: inline-block;
	max-width: 100%
}

.byte-upload-trigger {
	cursor: pointer;
	display: inline-block;
	vertical-align: top
}

.byte-upload-trigger-with-icon, .byte-upload-trigger-with-icon>svg.byte-icon
	{
	color: #999999;
	color: var(- -black03)
}

.byte-upload-trigger-with-icon:hover {
	color: #ff5e5e;
	color: var(- -red400)
}

.byte-upload-trigger-with-icon:hover .byte-icon {
	color: inherit
}

.byte-upload-trigger-with-icon:active, .byte-upload-trigger-with-icon:active .byte-icon
	{
	color: #2152d9
}

.byte-upload-trigger-tip {
	color: #939aa3;
	margin-top: 4px;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.byte-upload-trigger-picture {
	min-width: 80px;
	height: 80px;
	font-size: 20px;
	text-align: center;
	margin-bottom: 0;
	vertical-align: top;
	background: #fafafa;
	background: var(- -black08);
	border-radius: 4px;
	border: 1px dashed #e8e8e8;
	border: 1px dashed var(- -black06)
}

.byte-upload-trigger-picture:hover {
	border-color: #ff5e5e;
	border-color: var(- -red400);
	color: #ff5e5e;
	color: var(- -red400)
}

.byte-upload-trigger-picture>div {
	position: relative;
	top: 50%;
	transform: translateY(-50%)
}

.byte-upload-trigger-picture .byte-upload-trigger-tip {
	padding: 0 8px;
	font-size: 14px
}

.byte-upload-trigger-drag {
	width: 380px;
	font-size: 14px
}

.byte-upload-trigger-drag .byte-upload-trigger-area {
	width: 100%;
	height: 158px;
	border-radius: 4px;
	border: 1px dashed #e8e8e8;
	border: 1px dashed var(- -black06);
	background-color: #fafafa;
	background-color: var(- -black08);
	text-align: center;
	transition: all .3s ease;
	color: #999999;
	color: var(- -black03)
}

.byte-upload-trigger-drag .byte-upload-trigger-area:hover {
	border-color: #ff5e5e;
	border-color: var(- -red400)
}

.byte-upload-trigger-drag .byte-upload-trigger-area>p {
	margin-bottom: 4px;
	line-height: 22px;
	color: #999999;
	color: var(- -black03)
}

.byte-upload-trigger-drag .byte-upload-trigger-area>.byte-icon {
	font-size: 32px;
	margin: 40px 0 16px;
	color: inherit
}

.byte-upload-trigger-drag .byte-upload-trigger-area-active {
	border-color: #ff5e5e;
	border-color: var(- -red400);
	color: #ff5e5e;
	color: var(- -red400);
	background-color: #f0f7ff
}

.byte-upload-trigger-drag .byte-upload-trigger-area-active>p {
	color: #ff5e5e;
	color: var(- -red400)
}

.byte-upload-trigger-drag .byte-upload-trigger-area .byte-upload-trigger-tip
	{
	font-size: 14px
}

.byte-upload-list {
	margin-top: 24px
}

.byte-upload-list-picture-card {
	display: inline;
	vertical-align: top
}

.byte-upload-list-picture-card .byte-upload-list-item {
	display: inline-block;
	overflow: hidden;
	width: 80px;
	margin-right: 20px;
	transition: all .2s ease-out
}

.byte-upload-list-item {
	position: relative;
	margin-bottom: 10px
}

.byte-upload-list-item.is-error .byte-upload-list-item-picture {
	border-color: #f04142;
	border-color: var(- -red500)
}

.byte-upload-list-item-text {
	font-size: 14px;
	margin-bottom: 5px
}

.byte-upload-list-item-text-name {
	color: #999999;
	color: var(- -black03);
	display: inline-block;
	cursor: pointer;
	margin-right: 40px;
	font-size: 14px
}

.byte-upload-list-item-text-name:hover {
	color: #ff5e5e;
	color: var(- -red400)
}

.byte-upload-list-item-text-name span {
	vertical-align: middle
}

.byte-upload-list-item-text-name span .byte-icon {
	margin-right: 8px
}

.byte-upload-list-item-text-name-text {
	width: 152px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.byte-upload-list-item-text-status {
	line-height: 22px;
	display: inline-block;
	vertical-align: middle
}

.byte-upload-list-item-text-progress {
	display: inline-block;
	vertical-align: middle;
	margin-right: 32px
}

.byte-upload-list-item-text-progress .byte-progress-line-text {
	color: #999999;
	color: var(- -black03)
}

.byte-upload-list-item-text-btn {
	color: #ff5e5e;
	color: var(- -red400);
	font-size: 14px;
	margin: 0 5px;
	line-height: 22px;
	vertical-align: middle;
	cursor: pointer
}

.byte-upload-list-item-picture {
	width: 80px;
	height: 80px;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	border: 1px solid #d8d8d8;
	border: 1px solid var(- -black05)
}

.byte-upload-list-item-picture img {
	width: 100%;
	height: 100%
}

.byte-upload-list-item-picture-abort,
	.byte-upload-list-item-picture-operation,
	.byte-upload-list-item-picture-status {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center
}

.byte-upload-list-item-picture-progress {
	margin: 5px 0
}

.byte-upload-list-item-picture-progress .byte-progress-circle-text {
	font-size: 14px
}

.byte-upload-list-item-picture-abort,
	.byte-upload-list-item-picture-operation {
	background: rgba(0, 0, 0, .4);
	color: #fff;
	font-size: 16px;
	line-height: 80px;
	opacity: 0;
	transition: opacity .3s ease
}

.byte-upload-list-item-picture-abort:hover,
	.byte-upload-list-item-picture-operation:hover {
	opacity: 1
}

.byte-upload-list-item-picture-abort span,
	.byte-upload-list-item-picture-operation span {
	cursor: pointer
}

.byte-upload-list-item-picture-abort span:not(:last-of-type),
	.byte-upload-list-item-picture-operation span:not(:last-of-type) {
	margin-right: 10px
}

.byte-upload-list-item-pictureText {
	border: 1px solid #e8e8e8;
	border: 1px solid var(- -black06);
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	height: 80px;
	margin-bottom: 10px
}

.byte-upload-list-item-pictureText-picture {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0
}

.byte-upload-list-item-pictureText-picture img {
	width: 100%;
	height: 100%;
	border-radius: 4px
}

.byte-upload-list-item-pictureText-status {
	padding-left: 92px;
	padding-right: 8px
}

.byte-upload-list-item-pictureText-name {
	font-size: 14px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-top: 10px
}

.byte-upload-list-item-pictureText-progress {
	line-height: 14px;
	margin-top: 4px
}

.byte-upload-list-item-pictureText-operation>span {
	font-size: 12px
}

.byte-upload-slide-up-enter {
	opacity: 0;
	height: 0
}

.byte-upload-slide-up-enter-active {
	opacity: 1;
	height: auto;
	transition: height .3s ease, margin .3s ease
}

.byte-upload-slide-up-exit {
	opacity: 1
}

.byte-upload-slide-up-exit-active {
	height: 0;
	opacity: 0;
	margin-bottom: 0;
	transition: height .3s ease, margin .3s ease
}

.byte-upload-list-item.byte-upload-slide-inline-enter,
	.byte-upload-list-item.byte-upload-slide-inline-exit-active {
	width: 0;
	opacity: 0;
	margin-right: 0
}

.byte-upload-list-item.byte-upload-slide-inline-enter-active,
	.byte-upload-list-item.byte-upload-slide-inline-exit {
	opacity: 1
}

.byte-alert-content-wrapper .byte-alert-close-btn,
	.byte-alert-content-wrapper .byte-alert-close-btn:hover,
	.byte-alert-content-wrapper .byte-alert-custom-close-btn,
	.byte-alert-content-wrapper .byte-alert-custom-close-btn:hover {
	color: #999999;
	color: var(- -black03)
}

.byte-alert-content-wrapper .byte-alert-custom-close-btn {
	font-size: 14px;
	color: #1356bd
}

.byte-alert-content-wrapper .byte-alert-custom-close-btn:hover {
	color: #1a74ff
}

.byte-avatar {
	background-color: #bfbfbf;
	background-color: var(- -black04)
}

.byte-badge {
	line-height: 20px
}

.byte-badge.mp-badge-special-txt .byte-badge-text {
	padding: 0 10px
}

.byte-badge-dot, .byte-badge-number, .byte-badge-text {
	top: 0;
	background-color: #ff5e5e;
	background-color: var(- -red400);
	box-shadow: 0 0 0 1px #fff
}

.byte-badge-dot {
	background-color: #f04142
}

.byte-badge.byte-badge-no-children {
	line-height: 20px
}

.byte-badge.byte-badge-status .byte-badge-status-default, .byte-badge.byte-badge-status .byte-badge-status-error,
	.byte-badge.byte-badge-status .byte-badge-status-processing,
	.byte-badge.byte-badge-status .byte-badge-status-success, .byte-badge.byte-badge-status .byte-badge-status-warning
	{
	width: 8px;
	height: 8px
}

.byte-badge.byte-badge-status .byte-badge-status-default {
	background-color: #bfbfbf;
	background-color: var(- -black04)
}

.byte-badge.byte-badge-status .byte-badge-status-processing {
	background-color: #3d89ff
}

.byte-badge.byte-badge-status .byte-badge-status-success {
	background-color: #3bbf7d
}

.byte-badge.byte-badge-status .byte-badge-status-warning {
	background-color: #ff8e4f
}

.byte-badge.byte-badge-status .byte-badge-status-error {
	background-color: #ff5e5e;
	background-color: var(- -red400)
}

.byte-badge.byte-badge-status .byte-badge-status-text {
	color: #999999;
	color: var(- -black03);
	margin-left: 12px;
	font-size: 12px;
	line-height: 20px;
	display: inline-block
}

.byte-breadcrumb {
	line-height: 20px;
	height: 20px
}

.byte-breadcrumb-item.mp-breadcrumb-item {
	display: inline-block;
	font-size: 16px;
	color: #999999;
	color: var(- -black03);
	line-height: 20px
}

.byte-breadcrumb-item.mp-breadcrumb-item>a {
	text-decoration: none;
	color: #999999;
	color: var(- -black03);
	transition: all .3s
}

.byte-breadcrumb-item.mp-breadcrumb-item>a:hover {
	color: #666666;
	color: var(- -black02)
}

.byte-breadcrumb-item.mp-breadcrumb-item:last-child {
	color: #222222;
	color: var(- -black01);
	font-weight: 400
}

.byte-breadcrumb-item.mp-breadcrumb-item:last-child>a,
	.byte-breadcrumb-item.mp-breadcrumb-item:last-child>a:hover {
	color: #222222;
	color: var(- -black01)
}

.byte-breadcrumb-item-separator {
	margin: 0 8px;
	color: #999999;
	color: var(- -black03);
	display: inline-block
}

.byte-btn.byte-btn-size-small {
	border-radius: 2px
}

.byte-btn:not([disabled]).byte-btn-default:not(.byte-btn-loading):not([disabled]):active,
	.byte-btn:not([disabled]).byte-btn-default:not(.byte-btn-loading):not([disabled]):focus,
	.byte-btn:not([disabled]).byte-btn-default:not(.byte-btn-loading):not([disabled]):hover
	{
	color: #222222;
	color: var(- -black01);
	border-color: #999999;
	border-color: var(- -black03)
}

.byte-btn:not([disabled]).byte-btn-warning {
	color: #f04142;
	color: var(- -red500);
	border-color: #f04142;
	border-color: var(- -red500)
}

.byte-btn:not([disabled]).byte-btn-warning:not(.byte-btn-loading):not([disabled]):active,
	.byte-btn:not([disabled]).byte-btn-warning:not(.byte-btn-loading):not([disabled]):focus,
	.byte-btn:not([disabled]).byte-btn-warning:not(.byte-btn-loading):not([disabled]):hover
	{
	color: #f04142;
	color: var(- -red500);
	background: #fff2f2;
	background: var(- -red50);
	border-color: #f04142;
	border-color: var(- -red500)
}

.byte-btn.byte-btn-dashed[disabled] {
	background: none;
	border-style: dashed
}

.byte-btn:not([disabled]).byte-btn-dashed:not(.byte-btn-loading):not([disabled]):active,
	.byte-btn:not([disabled]).byte-btn-dashed:not(.byte-btn-loading):not([disabled]):focus,
	.byte-btn:not([disabled]).byte-btn-dashed:not(.byte-btn-loading):not([disabled]):hover
	{
	border-color: #999999;
	border-color: var(- -black03);
	color: #222222;
	color: var(- -black01)
}

.byte-btn.byte-btn-text[disabled] {
	background: none;
	border: none
}

.byte-btn:not([disabled]).byte-btn-text {
	color: #1356bd
}

.byte-btn:not([disabled]).byte-btn-text:not(.byte-btn-loading):not([disabled]):active,
	.byte-btn:not([disabled]).byte-btn-text:not(.byte-btn-loading):not([disabled]):focus,
	.byte-btn:not([disabled]).byte-btn-text:not(.byte-btn-loading):not([disabled]):hover
	{
	color: #1a74ff
}

.byte-cascader:focus:not(.disabled) .byte-cascader-view, .byte-cascader:focus:not(.disabled).error .byte-cascader-view
	{
	border-color: #999999;
	border-color: var(- -black03)
}

.byte-cascader:not(.disabled) .byte-cascader-view {
	border-color: #d8d8d8;
	border-color: var(- -black05)
}

.byte-cascader:not(.disabled).byte-cascader-focused .byte-cascader-view,
	.byte-cascader:not(.disabled) .byte-cascader-view:hover {
	border-color: #999999;
	border-color: var(- -black03)
}

.byte-cascader-popup .byte-cascader-list-item {
	color: #666666;
	color: var(- -black02)
}

.byte-cascader-popup .byte-cascader-list-item.is-active,
	.byte-cascader-popup .byte-cascader-list-item:hover {
	color: #222222;
	color: var(- -black01)
}

.byte-cascader-popup .byte-cascader-list-item.is-active {
	background-color: #f5f5f5;
	background-color: var(- -black07);
	font-weight: 400
}

.byte-cascader.error.byte-cascader-open .byte-cascader-view {
	box-shadow: none
}

.byte-checkbox:not(.disabled):hover .byte-checkbox-wrapper .byte-checkbox-mask
	{
	border-color: #999999;
	border-color: var(- -black03)
}

.byte-checkbox.disabled {
	color: #bfbfbf
}

.byte-checkbox.disabled.byte-checkbox-checked .byte-checkbox-wrapper .byte-checkbox-mask
	{
	background-color: #bfbfbf;
	background-color: var(- -black04);
	border-color: transparent
}

.byte-checkbox.disabled.byte-checkbox-checked .byte-checkbox-wrapper .byte-checkbox-mask:after
	{
	border-color: #fff
}

.byte-checkbox.byte-checkbox-checked:not(.disabled):hover .byte-checkbox-wrapper .byte-checkbox-mask,
	.byte-checkbox.indeterminate:not(.disabled):hover>.byte-checkbox-wrapper .byte-checkbox-mask
	{
	border-color: #ff5e5e;
	border-color: var(- -red400);
	background-color: #ff5e5e;
	background-color: var(- -red400)
}

.byte-datepicker-input {
	width: 200px
}

.byte-rangepicker-input {
	width: 240px
}

.byte-rangepicker-input:not(.error):not(.disabled).byte-rangepicker-input-focused,
	.byte-rangepicker-input:not(.error):not(.disabled):hover {
	border-color: #bfbfbf;
	border-color: var(- -black04)
}

.byte-rangepicker-input .byte-rangepicker-input-wrapper {
	padding: 4px 22px 4px 24px
}

.byte-rangepicker-input .byte-rangepicker-input-wrapper .byte-rangepicker-input-separator
	{
	padding: 0
}

.byte-rangepicker-input .byte-rangepicker-input-wrapper .byte-rangepicker-input-end-time,
	.byte-rangepicker-input .byte-rangepicker-input-wrapper .byte-rangepicker-input-start-time
	{
	width: calc(50% - 6px)
}

.byte-monthpicker-cell-disabled .byte-monthpicker-date,
	.byte-monthpicker-cell-disabled .byte-monthpicker-date-inner {
	background-color: transparent;
	cursor: not-allowed
}

.byte-empty .byte-empty-wrapper {
	font-size: 12px;
	color: #999999;
	color: var(- -black03)
}

.byte-empty .byte-empty-wrapper .byte-empty-image {
	color: #d8d8d8;
	color: var(- -black05);
	font-size: 48px;
	margin-bottom: 8px
}

.byte-empty .byte-empty-wrapper .byte-empty-description, .byte-form-item .byte-form-message
	{
	line-height: 20px
}

.byte-form-item strong {
	font-family: MarkPro, PingFang SC, arial, Microsoft YaHei
}

.byte-form-layout-horizontal>.byte-form-label-item {
	padding-right: 32px;
	color: #222222;
	color: var(- -black01)
}

.byte-form input::-webkit-input-placeholder {
	color: #bfbfbf;
	color: var(- -black04)
}

.byte-form input::-moz-placeholder {
	color: #bfbfbf;
	color: var(- -black04)
}

.byte-form input:-ms-input-placeholder {
	color: #bfbfbf;
	color: var(- -black04)
}

.byte-form input::-ms-input-placeholder {
	color: #bfbfbf;
	color: var(- -black04)
}

.byte-form input:-ms-input-placeholder {
	color: #bfbfbf;
	color: var(- -black04)
}

.byte-form input::placeholder {
	color: #bfbfbf;
	color: var(- -black04)
}

.byte-form-extra {
	color: #999999;
	color: var(- -black03)
}

.byte-input {
	padding: 0 12px;
	border-color: #d8d8d8;
	border-color: var(- -black05)
}

.byte-input.byte-input-size-small {
	border-radius: 2px
}

.byte-input:not([disabled]):not(.error):hover {
	border-color: #999999;
	border-color: var(- -black03)
}

.byte-input:not([disabled]):focus:not(.error) {
	box-shadow: none;
	border-color: #999999;
	border-color: var(- -black03)
}

.byte-input:not([disabled]):focus.error {
	box-shadow: none
}

.byte-input-clear-wrapper .byte-input-clear-icon>svg:hover {
	color: #999999;
	color: var(- -black03)
}

.byte-input-group-wrapper .byte-input-group .byte-input-inner-wrapper .byte-input:not([disabled]):active,
	.byte-input-group-wrapper .byte-input-group .byte-input-inner-wrapper .byte-input:not([disabled]):focus,
	.byte-input-group-wrapper .byte-input-group .byte-input-inner-wrapper .byte-input:not([disabled]):hover,
	.byte-input-group-wrapper .byte-input-group .byte-input-inner-wrapper:focus,
	.byte-input-group-wrapper .byte-input-group .byte-input-inner-wrapper:focus .byte-input:not([disabled]),
	.byte-input-group-wrapper .byte-input-group .byte-input-inner-wrapper:hover,
	.byte-input-group-wrapper .byte-input-group .byte-input-inner-wrapper:hover .byte-input:not([disabled]),
	.byte-input-group-wrapper .byte-input-group .byte-input-inner-wrapper:not([disabled]):active,
	.byte-input-group-wrapper .byte-input-group .byte-input-inner-wrapper:not([disabled]):active .byte-input:not([disabled])
	{
	border-color: #999999;
	border-color: var(- -black03)
}

.byte-input-group-wrapper .byte-input-group .byte-input-inner-wrapper:focus
	{
	box-shadow: none;
	border-color: #999999;
	border-color: var(- -black03)
}

.byte-input-group-wrapper .byte-input-group>:first-child {
	border-radius: 3px 0 0 3px
}

.byte-input-group-wrapper .byte-input-group>:last-child {
	border-radius: 0 3px 3px 0
}

.byte-input-group-wrapper.byte-input-group-wrapper-small .byte-input-group .byte-input.byte-input-size-small
	{
	border-radius: 2px
}

.byte-input-group-wrapper.byte-input-group-wrapper-small .byte-input-group>:first-child
	{
	border-radius: 2px 0 0 2px
}

.byte-input-group-wrapper.byte-input-group-wrapper-small .byte-input-group>:last-child
	{
	border-radius: 0 2px 2px 0
}

.byte-textarea {
	padding: 5px 12px;
	border-color: #d8d8d8;
	border-color: var(- -black05);
	resize: none
}

.byte-textarea:not([disabled]).byte-textarea:hover {
	border-color: #999999;
	border-color: var(- -black03)
}

.byte-textarea:not([disabled]).byte-textarea:focus {
	box-shadow: none;
	border-color: #999999;
	border-color: var(- -black03)
}

.byte-input-number-input {
	padding: 0 12px
}

.byte-input-number-mode-embed {
	border-color: #d8d8d8;
	border-color: var(- -black05)
}

.byte-input-number-mode-embed:not(.disabled):not(.error):not(.byte-input-number-focused):hover
	{
	border-color: #999999;
	border-color: var(- -black03)
}

.byte-input-number-mode-embed.byte-input-number-focused {
	box-shadow: none;
	border-color: #999999;
	border-color: var(- -black03)
}

.byte-input-number-mode-embed.byte-input-number:not(.disabled).error.byte-input-number-focused
	{
	box-shadow: none
}

.byte-input-number-mode-button.byte-input-number-focused .byte-input-number-group,
	.byte-input-number-mode-button.byte-input-number-focused>.byte-input-number-input
	{
	border-color: #999999;
	border-color: var(- -black03)
}

.byte-input-number-step-btn-down:active,
	.byte-input-number-step-btn-down:focus,
	.byte-input-number-step-btn-down:hover, .byte-input-number-step-btn-up:active,
	.byte-input-number-step-btn-up:focus, .byte-input-number-step-btn-up:hover
	{
	color: #666666;
	color: var(- -black02)
}

.pgc-loadmore {
	margin-top: 200px;
	text-align: center
}

.pgc-loadmore.no-margin {
	margin-top: 25px
}

.pgc-loadmore .pgc-loadmore-text {
	position: relative
}

.pgc-loadmore.loading {
	margin-left: 14px
}

.pgc-loadmore .loading-icon, .pgc-loadmore .pgc-loadmore-text,
	.pgc-loadmore .pgc-loadmore-text i {
	font-size: 14px;
	color: #60a3f5;
	letter-spacing: 0;
	line-height: 14px
}

.pgc-loadmore .loading-icon {
	position: absolute;
	cursor: pointer;
	left: -14px;
	top: 2px;
	animation: rotate 2s linear infinite
}

@
keyframes rotate { 0%{
	transform: rotate(0deg)
}

25
%
{
transform
:
rotate(
90deg
)
}
50
%
{
transform
:
rotate(
180deg
)
}
75
%
{
transform
:
rotate(
270deg
)
}
to {
	transform: rotate(359deg)
}

}
.no-data {
	text-align: center;
	color: #999;
	margin-top: 25px
}

.byte-message-wrapper .byte-message svg {
	margin-right: 4px
}

.message-slideDown-appear, .message-slideDown-enter {
	opacity: 1;
	margin-top: 80px;
	transform: scaleY(1) translateZ(0)
}

.message-slideDown-appear:not(:first-child), .message-slideDown-enter:not(:first-child)
	{
	margin-top: 0
}

.message-slideDown-enter-active {
	opacity: 1;
	margin-top: 116px;
	transition: all .25s cubic-bezier(.23, 1, .32, 1)
}

.message-slideDown-enter-active:not(:first-child) {
	margin-top: 0
}

.message-slideDown-enter-done {
	margin-top: 116px
}

.message-slideDown-enter-done:not(:first-child) {
	margin-top: 0
}

.message-slideDown-exit {
	opacity: 0;
	margin-top: 116px
}

.message-slideDown-exit:not(:first-child) {
	margin-top: 0
}

.byte-modal-wrapper .byte-modal {
	width: 420px;
	margin: 0;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -40%)
}

.byte-modal-wrapper .byte-modal-close-icon {
	padding: 0;
	margin-top: 1px;
	margin-right: 1px
}

.byte-modal-wrapper .byte-modal-close-icon>svg:hover {
	color: #666666;
	color: var(- -black02)
}

.byte-modal-wrapper .byte-modal .byte-modal-header>.byte-modal-title {
	line-height: 24px
}

.byte-modal-wrapper .byte-modal .byte-modal-content {
	line-height: 20px
}

.byte-modal-wrapper .byte-modal.mp-small-modal .byte-modal-footer>.byte-btn:last-child
	{
	margin-left: 16px
}

.byte-modal-wrapper .byte-modal.mp-huge-modal .byte-modal-footer>.byte-btn:last-child,
	.byte-modal-wrapper .byte-modal.mp-large-modal .byte-modal-footer>.byte-btn:last-child
	{
	margin-left: 20px
}

.byte-modal-wrapper .byte-modal.mp-only-title .byte-modal-content {
	padding-top: 0;
	padding-bottom: 0;
	height: 28px
}

.byte-pagination-item-simple:not(.disabled):hover {
	color: #f04142;
	color: var(- -red500)
}

.byte-pagination .byte-pagination-list .byte-pagination-item {
	border-radius: 2px
}

.byte-pagination .byte-pagination-list .byte-pagination-item:not(.byte-pagination-item-active):not(.disabled):hover
	{
	color: #f04142;
	color: var(- -red500)
}

.byte-pagination-size-default .byte-pagination-list .byte-pagination-item
	{
	min-width: 24px;
	height: 24px;
	line-height: 24px
}

.byte-pagination-size-default .byte-pagination-list .byte-pagination-item.byte-pagination-item-active
	{
	color: #fff
}

.byte-pagination-option-size .byte-select-view {
	padding: 0 4px 0 8px
}

.byte-pagination-option-size .byte-select-view .byte-select-view-inner {
	margin-right: 24px
}

.byte-pagination-option-size .byte-select-view .byte-select-arrow {
	right: 8px
}

.byte-pagination-option-size .byte-select-popup .byte-select-option {
	padding: 0 17px 0 0;
	font-size: 12px
}

.byte-pagination.mp-pagination-right {
	-ms-flex-pack: end;
	justify-content: flex-end
}

.byte-pagination.mp-pagination-left {
	-ms-flex-pack: start;
	justify-content: flex-start
}

.byte-pagination.mp-pagination-default-top-margin {
	margin-top: 32px
}

.byte-pagination-size-mini .byte-pagination-list .byte-pagination-item-active
	{
	background-color: transparent;
	color: #ff5e5e;
	color: var(- -red400)
}

.byte-pagination-size-mini .byte-pagination-list .byte-pagination-item-active:hover
	{
	color: #666666;
	color: var(- -black02)
}

.byte-popconfirm>.byte-popconfirm-content, .byte-popconfirm>.byte-popover-content,
	.byte-popover>.byte-popconfirm-content, .byte-popover>.byte-popover-content
	{
	background-color: #fff
}

.byte-popconfirm-title, .byte-popover-title {
	padding: 12px 12px 0;
	font-weight: 500
}

.byte-popconfirm-inner-content, .byte-popover-inner-content {
	padding: 8px 12px;
	color: #666666;
	color: var(- -black02)
}

.byte-popconfirm-title+.byte-popconfirm-inner-content,
	.byte-popconfirm-title+.byte-popover-inner-content, .byte-popover-title+.byte-popconfirm-inner-content,
	.byte-popover-title+.byte-popover-inner-content {
	padding: 4px 12px 12px
}

.byte-popconfirm[trigger-placement=tl] .byte-popover-title+.byte-popover-inner-content,
	.byte-popconfirm[trigger-placement=top] .byte-popover-title+.byte-popover-inner-content,
	.byte-popconfirm[trigger-placement=tr] .byte-popover-title+.byte-popover-inner-content,
	.byte-popover[trigger-placement=tl] .byte-popover-title+.byte-popover-inner-content,
	.byte-popover[trigger-placement=top] .byte-popover-title+.byte-popover-inner-content,
	.byte-popover[trigger-placement=tr] .byte-popover-title+.byte-popover-inner-content
	{
	padding-bottom: 16px
}

.byte-popconfirm[trigger-placement=rb] .byte-popover-title,
	.byte-popconfirm[trigger-placement=rb] .byte-popover-title+.byte-popover-inner-content,
	.byte-popconfirm[trigger-placement=right] .byte-popover-title,
	.byte-popconfirm[trigger-placement=right] .byte-popover-title+.byte-popover-inner-content,
	.byte-popconfirm[trigger-placement=rt] .byte-popover-title,
	.byte-popconfirm[trigger-placement=rt] .byte-popover-title+.byte-popover-inner-content,
	.byte-popover[trigger-placement=rb] .byte-popover-title, .byte-popover[trigger-placement=rb] .byte-popover-title+.byte-popover-inner-content,
	.byte-popover[trigger-placement=right] .byte-popover-title,
	.byte-popover[trigger-placement=right] .byte-popover-title+.byte-popover-inner-content,
	.byte-popover[trigger-placement=rt] .byte-popover-title, .byte-popover[trigger-placement=rt] .byte-popover-title+.byte-popover-inner-content
	{
	padding-left: 16px
}

.byte-popconfirm[trigger-placement=bl] .byte-popover-title,
	.byte-popconfirm[trigger-placement=bottom] .byte-popover-title,
	.byte-popconfirm[trigger-placement=br] .byte-popover-title,
	.byte-popover[trigger-placement=bl] .byte-popover-title, .byte-popover[trigger-placement=bottom] .byte-popover-title,
	.byte-popover[trigger-placement=br] .byte-popover-title {
	padding-top: 16px
}

.byte-popconfirm[trigger-placement=lb] .byte-popover-title,
	.byte-popconfirm[trigger-placement=lb] .byte-popover-title+.byte-popover-inner-content,
	.byte-popconfirm[trigger-placement=left] .byte-popover-title,
	.byte-popconfirm[trigger-placement=left] .byte-popover-title+.byte-popover-inner-content,
	.byte-popconfirm[trigger-placement=lt] .byte-popover-title,
	.byte-popconfirm[trigger-placement=lt] .byte-popover-title+.byte-popover-inner-content,
	.byte-popover[trigger-placement=lb] .byte-popover-title, .byte-popover[trigger-placement=lb] .byte-popover-title+.byte-popover-inner-content,
	.byte-popover[trigger-placement=left] .byte-popover-title,
	.byte-popover[trigger-placement=left] .byte-popover-title+.byte-popover-inner-content,
	.byte-popover[trigger-placement=lt] .byte-popover-title, .byte-popover[trigger-placement=lt] .byte-popover-title+.byte-popover-inner-content
	{
	padding-right: 16px
}

.byte-progress-line {
	line-height: 20px
}

.byte-radio:not(.disabled) .byte-radio-inner:hover {
	border-color: #999999;
	border-color: var(- -black03)
}

.byte-radio:not(.disabled) .byte-radio-inner.checked:hover {
	border-color: transparent
}

.byte-radio-button .byte-radio-inner, .byte-radio .byte-radio-inner {
	border-color: #d8d8d8;
	border-color: var(- -black05)
}

.byte-radio-mode-outline .byte-radio-button:not(.disabled) .byte-radio-button-inner:hover
	{
	color: #222222;
	color: var(- -black01);
	border: 1px solid #999999;
	border: 1px solid var(- -black03);
	z-index: 2
}

.byte-radio-mode-outline .byte-radio-button:not(.disabled) .byte-radio-button-inner.checked:hover
	{
	background-color: #fdf3f2;
	color: #f04142;
	color: var(- -red500);
	border-color: #f04142;
	border-color: var(- -red500)
}

.byte-radio-mode-fill .byte-radio-button:not(.disabled) .byte-radio-button-inner:hover
	{
	color: #222222;
	color: var(- -black01);
	border: 1px solid #999999;
	border: 1px solid var(- -black03);
	z-index: 2
}

.byte-radio-mode-fill .byte-radio-button:not(.disabled) .byte-radio-button-inner.checked:hover
	{
	background-color: #f08c89;
	color: #fff;
	border: 1px solid transparent
}

.byte-select:focus:not(.disabled) .byte-select-view {
	border-color: #999999;
	border-color: var(- -black03);
	box-shadow: none
}

.byte-select .byte-select-view-inner ul .byte-select-view-choice.ttui-multiple-item
	{
	background-color: #f5f5f5;
	background-color: var(- -black07);
	padding: 0 7px;
	line-height: 20px;
	border-radius: 2px
}

.byte-select .byte-select-view-inner ul .byte-select-view-choice.ttui-multiple-item span
	{
	padding-right: 0
}

.byte-select .byte-select-view-inner ul .byte-select-view-choice.ttui-multiple-item svg
	{
	margin-left: 4px;
	display: inline-block;
	position: static
}

.byte-select:not(.disabled) .byte-select-view:active, .byte-select:not(.disabled) .byte-select-view:hover,
	.byte-select:not(.disabled) .byte-select-view:visited {
	border-color: #999999;
	border-color: var(- -black03)
}

.byte-select:not(.disabled).byte-select-focused .byte-select-view {
	border-color: #999999;
	border-color: var(- -black03);
	box-shadow: none
}

.byte-select-option-hover, .byte-select-option-hover:hover,
	.byte-select-option:not(.byte-select-option-disabled):hover {
	background-color: #f5f5f5;
	background-color: var(- -black07)
}

.byte-select-option-selected {
	background-color: #fff
}

.byte-select:not(.disabled).byte-select-focused.byte-select.error .byte-select-view
	{
	box-shadow: none
}

.byte-select-popup .byte-select-option-disabled:hover,
	.byte-select-popup .byte-select-option-hover:hover {
	background-color: #f5f5f5;
	background-color: var(- -black07)
}

.byte-spin .byte-spin-loading-icon {
	color: #666666;
	color: var(- -black02)
}

.byte-spin .byte-spin-tip {
	line-height: 20px
}

.byte-spin-loading .byte-spin-container .byte-spin-content:after {
	opacity: .96
}

.byte-steps-mode-default .byte-steps-item-content>.byte-steps-item-description,
	.byte-steps-mode-default .byte-steps-item-content>.byte-steps-item-title
	{
	margin-top: 4px
}

.byte-steps-mode-default .byte-steps-item-finish .byte-steps-item-content>.byte-steps-item-description,
	.byte-steps-mode-default .byte-steps-item-process .byte-steps-item-content>.byte-steps-item-description
	{
	color: #666666;
	color: var(- -black02)
}

.byte-steps-mode-default .byte-steps-item-error .byte-steps-icon {
	border: 1px solid #ff5e5e;
	border: 1px solid var(- -red400);
	background-color: #ff5e5e;
	background-color: var(- -red400)
}

.byte-steps-mode-default .byte-steps-item-finish .byte-steps-item-content>.byte-steps-item-title,
	.byte-steps-mode-default .byte-steps-item-process .byte-steps-item-content>.byte-steps-item-title
	{
	color: #222222;
	color: var(- -black01)
}

.byte-steps-mode-default .byte-steps-item-content .byte-steps-item-title
	{
	font-size: 16px;
	line-height: 24px
}

.byte-steps-mode-default .byte-steps-item-content .byte-steps-item-description
	{
	font-size: 12px;
	line-height: 20px
}

.byte-steps-mode-default .byte-steps-item-wait .byte-steps-item-content>.byte-steps-item-description,
	.byte-steps-mode-default .byte-steps-item-wait .byte-steps-item-content>.byte-steps-item-title
	{
	color: #999999;
	color: var(- -black03)
}

.byte-steps-mode-default .byte-steps-item:not(:last-child).byte-steps-item-finish .byte-steps-item-title:after,
	.byte-steps-mode-default .byte-steps-item:not(:last-child).byte-steps-item-next-error .byte-steps-item-title:after
	{
	background-color: #f04142;
	background-color: var(- -red500)
}

.byte-steps-mode-default .byte-steps-item:not(:last-child) .byte-steps-item-tail:after
	{
	background-color: #bfbfbf;
	background-color: var(- -black04)
}

.byte-steps-mode-default .byte-steps-item:not(:last-child).byte-steps-item-finish .byte-steps-item-tail:after,
	.byte-steps-mode-default .byte-steps-item:not(:last-child).byte-steps-item-next-error .byte-steps-item-tail:after
	{
	background-color: #f04142
}

.byte-steps-size-small .byte-steps-item-content>.byte-steps-item-title {
	font-size: 14px;
	line-height: 20px
}

.byte-switch {
	background-color: #bfbfbf;
	background-color: var(- -black04)
}

.byte-switch[disabled] {
	opacity: 1;
	background-color: #f2f2f2
}

.byte-switch[disabled].checked {
	background-color: #ffd1d1;
	background-color: var(- -red100)
}

.byte-table-wrapper .byte-table-content-scroll .byte-table-content-inner
	{
	line-height: 20px
}

.byte-table-wrapper .byte-table-fixed-left table tbody tr td:last-child,
	.byte-table-wrapper .byte-table-fixed-left table thead>tr>th:last-child
	{
	padding-right: 8px
}

.byte-table-wrapper .byte-table-fixed-right table tbody tr td:first-child,
	.byte-table-wrapper .byte-table-fixed-right table thead>tr>th:first-child
	{
	padding-left: 8px
}

.byte-table-wrapper .byte-table-filters-popup .byte-table-filters-list .byte-table-filters-item
	{
	height: 36px;
	line-height: 36px
}

.byte-table-wrapper .byte-table-filters-popup .byte-table-filters-list .byte-table-filters-item .byte-checkbox.byte-checkbox-checked
	{
	background-color: #f5f5f5;
	background-color: var(- -black07)
}

.byte-table-wrapper .byte-table-filters-popup .byte-table-filters-list .byte-table-filters-item .byte-checkbox.byte-checkbox-checked .inner-text
	{
	color: #222222;
	color: var(- -black01)
}

.byte-table-wrapper .byte-table-filters-popup .byte-table-filters-list .byte-table-filters-item .byte-checkbox:hover
	{
	background-color: #f5f5f5;
	background-color: var(- -black07)
}

.byte-table-wrapper .byte-table-filters-popup .byte-table-filters-list .byte-table-filters-item .byte-checkbox .inner-text,
	.byte-table-wrapper .byte-table-filters-popup .byte-table-filters-list .byte-table-filters-item .byte-checkbox:hover .inner-text
	{
	color: #222222;
	color: var(- -black01)
}

.byte-table-wrapper .byte-table-filters-popup .byte-table-filters-list .byte-table-filters-text
	{
	padding-left: 12px
}

.byte-table-wrapper .byte-table-filters-popup .byte-table-filters-list .byte-table-filters-text.selected,
	.byte-table-wrapper .byte-table-filters-popup .byte-table-filters-list .byte-table-filters-text:hover
	{
	background-color: #f5f5f5;
	background-color: var(- -black07);
	color: #222222;
	color: var(- -black01)
}

.byte-table-wrapper .byte-table-filters-popup .byte-table-filters-btn {
	line-height: 36px;
	height: 36px;
	padding: 0 14px
}

.byte-table-wrapper .byte-table-filters-popup .byte-table-filters-btn-filter>a,
	.byte-table-wrapper .byte-table-filters-popup .byte-table-filters-btn-reset>a
	{
	color: #1356bd
}

.byte-table-container, .byte-table-container .byte-table-content-scroll
	{
	border-radius: 4px
}

.byte-table-container .byte-table-fixed-left, .byte-table-container .byte-table-fixed-right
	{
	line-height: 20px
}

.byte-table-body>.no-data {
	margin-top: 0;
	padding: 32px
}

.byte-table-th-item:not(.byte-table-col-has-sorter) {
	padding: 16px 8px
}

th.byte-table-col-sorted {
	background-color: #f5f5f5;
	background-color: var(- -black07)
}

td.byte-table-col-sorted {
	background-color: #fafafa;
	background-color: var(- -black08)
}

.byte-table-col-has-sorter .byte-table-cell-with-sorter {
	padding: 16px 8px
}

.byte-table-cell-next-ascend .byte-table-sorter-icon .byte-icon-caret-up,
	.byte-table-cell-next-descend .byte-table-sorter-icon .byte-icon-caret-down
	{
	color: #999999;
	color: var(- -black03)
}

.byte-table-cell-mouseenter {
	background-color: #f5f5f5;
	background-color: var(- -black07)
}

.byte-table-size-middle .byte-table-col-has-sorter .byte-table-cell-with-sorter,
	.byte-table-size-middle .byte-table-th-item:not(.byte-table-col-has-sorter)
	{
	padding: 12px 8px
}

.byte-table-size-small .byte-table-col-has-sorter .byte-table-cell-with-sorter,
	.byte-table-size-small .byte-table-th-item:not(.byte-table-col-has-sorter)
	{
	padding: 8px
}

.byte-table table thead>tr>th:first-child {
	padding-left: 16px
}

.byte-table table thead>tr>th:last-child {
	padding-right: 16px
}

.byte-table table thead>tr>th>.byte-table-th-item>.byte-table-filters:hover
	{
	background: #e8e8e8;
	background: var(- -black06)
}

.byte-table table thead>tr>th>.byte-table-th-item>.byte-table-filters.active
	{
	background-color: transparent
}

.byte-table table thead>tr>th>.byte-table-th-item>.byte-table-filters.active svg
	{
	color: #ff5e5e;
	color: var(- -red400)
}

.byte-table table thead>tr>th>.byte-table-th-item>.byte-table-sorter>.byte-table-sorter-icon:not(.active):hover svg
	{
	color: #999999;
	color: var(- -black03)
}

.byte-table table tbody tr td {
	padding: 16px 8px
}

.byte-table table tbody tr td:first-child {
	padding-left: 24px
}

.byte-table table tbody tr td:last-child {
	padding-right: 24px
}

.byte-table-pagination {
	margin-top: 16px
}

.byte-table-pagination-top {
	margin-bottom: 16px
}

.byte-tabs-header-nav .byte-tabs-header-ink {
	background-color: #f04142;
	background-color: var(- -red500);
	transition: left .3s ease
}

.byte-tabs-horizontal .byte-tabs-header-nav.byte-tabs-header-nav-horizontal
	{
	padding-top: 18px
}

.byte-tabs-header-nav.byte-tabs-header-nav-horizontal .byte-tabs-header-title
	{
	font-size: 16px;
	margin-right: 0;
	margin-left: 32px
}

.byte-tabs-header-nav.byte-tabs-header-nav-horizontal .byte-tabs-header-title:not(.is-disabled):hover
	{
	color: #666666;
	color: var(- -black02);
	font-weight: 400
}

.byte-tabs-header-nav.byte-tabs-header-nav-horizontal .byte-tabs-header-title:not(.is-disabled).active
	{
	color: #222222;
	color: var(- -black01);
	font-weight: 500
}

.byte-tabs-header-nav.byte-tabs-header-nav-horizontal .byte-tabs-header-title:first-child
	{
	margin-left: 32px
}

.byte-tabs-header-nav.byte-tabs-header-nav-horizontal .byte-tabs-header-ink
	{
	left: 32px;
	background-color: transparent
}

.byte-tabs-header-nav.byte-tabs-header-nav-horizontal .byte-tabs-header-ink:after
	{
	content: "";
	width: 100%;
	max-width: 96px;
	height: 2px;
	display: inline-block;
	background: #f04142;
	background: var(- -red500);
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

.byte-tabs:not(.mp-tabs-level-second)>.byte-tabs-content>.byte-tabs-content-inner>.byte-tabs-content-item>.byte-tabs-pane
	{
	padding: 0 32px
}

.byte-tabs.mp-tabs-level-second .byte-tabs-header-nav:before {
	background-color: transparent
}

.byte-tabs-horizontal.byte-tabs-card-gutter>.byte-tabs-header-nav .byte-tabs-header-title.is-editable:not(.active):hover,
	.byte-tabs-horizontal.byte-tabs-card-gutter>.byte-tabs-header-nav .byte-tabs-header-title:not(.is-disabled):hover,
	.byte-tabs-horizontal.byte-tabs-card>.byte-tabs-header-nav .byte-tabs-header-title.is-editable:not(.active):hover,
	.byte-tabs-horizontal.byte-tabs-card>.byte-tabs-header-nav .byte-tabs-header-title:not(.is-disabled):hover
	{
	font-weight: 400
}

.byte-tabs.mp-single-tab>.byte-tabs-header-nav .byte-tabs-header .byte-tabs-header-ink
	{
	background-color: transparent
}

.byte-tabs.mp-single-tab>.byte-tabs-header-nav .byte-tabs-header .byte-tabs-header-ink:after
	{
	display: none
}

.byte-tabs-horizontal>.byte-tabs-header-nav .byte-tabs-header-scroll .is-right-icon
	{
	bottom: 0
}

.byte-tabs.mp-tabs-level-second .byte-tabs-header-nav.byte-tabs-header-nav-horizontal
	{
	padding-top: 0
}

.byte-tabs.mp-tabs-level-second .byte-tabs-header-nav.byte-tabs-header-nav-horizontal .byte-tabs-header
	{
	height: auto
}

.byte-tabs.mp-tabs-level-second .byte-tabs-header-nav.byte-tabs-header-nav-horizontal .byte-tabs-header-title
	{
	font-size: 14px;
	margin: 24px 0 24px 12px;
	height: auto;
	line-height: 20px;
	border: 1px solid transparent;
	border-radius: 26px;
	padding: 3px 11px
}

.byte-tabs.mp-tabs-level-second .byte-tabs-header-nav.byte-tabs-header-nav-horizontal .byte-tabs-header-title:first-child
	{
	margin-left: 0
}

.byte-tabs.mp-tabs-level-second .byte-tabs-header-nav.byte-tabs-header-nav-horizontal .byte-tabs-header-title.active:not(.is-disabled)
	{
	font-weight: 400;
	color: #f04142;
	color: var(- -red500);
	border: 1px solid #f04142;
	border: 1px solid var(- -red500);
	border-radius: 26px;
	padding: 3px 11px
}

.byte-tabs.mp-tabs-level-second .byte-tabs-header-nav.byte-tabs-header-nav-horizontal .byte-tabs-header-title.active:not(.is-disabled):hover
	{
	color: #ff5e5e;
	color: var(- -red400)
}

.byte-tabs.mp-tabs-level-second .byte-tabs-header-nav.byte-tabs-header-nav-horizontal .byte-tabs-header-title:not(.is-disabled):hover
	{
	color: #666666;
	color: var(- -black02)
}

.byte-tabs.mp-tabs-level-second .byte-tabs-header-nav.byte-tabs-header-nav-horizontal .byte-tabs-header-ink
	{
	display: none
}

.byte-tag {
	padding: 0 8px;
	line-height: 20px;
	color: #222222;
	color: var(- -black01);
	border-color: #d8d8d8;
	border-color: var(- -black05);
	cursor: default
}

.byte-tag-custom-color {
	color: #fff
}

.byte-tag-icon {
	color: #999999;
	color: var(- -black03)
}

.byte-tag-icon-custom-color {
	color: #fff
}

.byte-tag-checked {
	padding: 0 7px;
	line-height: 18px
}

.byte-tag-checked.byte-tag-fill, .byte-tag-checked.byte-tag-simple {
	padding: 0 8px;
	line-height: 20px
}

.byte-tag.byte-tag-has-close:hover, .byte-tag:hover {
	opacity: 1;
	cursor: default
}

.byte-tag.byte-tag-has-close:hover svg {
	cursor: pointer;
	opacity: .8
}

.byte-tag-checked.byte-tag-red {
	color: #ff5e5e;
	border: 1px solid #ff5e5e;
	background-color: #fff
}

.byte-tag-checked.byte-tag-fill.byte-tag-red {
	color: #fff;
	border: none;
	background-color: #ff5e5e
}

.byte-tag-checked.byte-tag-simple.byte-tag-red {
	color: #ff5e5e;
	border: none;
	background-color: #fff2f2
}

.byte-tag-checked.byte-tag-yellow {
	color: #ffc740;
	border: 1px solid #ffc740;
	background-color: #fff
}

.byte-tag-checked.byte-tag-fill.byte-tag-yellow {
	color: #fff;
	border: none;
	background-color: #ffc740
}

.byte-tag-checked.byte-tag-simple.byte-tag-yellow {
	color: #ffc740;
	border: none;
	background-color: #fff7f2
}

.byte-tag-checked.byte-tag-blue {
	color: #3d89ff;
	border: 1px solid #3d89ff;
	background-color: #fff
}

.byte-tag-checked.byte-tag-fill.byte-tag-blue {
	color: #fff;
	border: none;
	background-color: #3d89ff
}

.byte-tag-checked.byte-tag-simple.byte-tag-blue {
	color: #3d89ff;
	border: none;
	background-color: #e6f0ff
}

.byte-tag-checked.byte-tag-green {
	color: #3bbf7d;
	border: 1px solid #3bbf7d;
	background-color: #fff
}

.byte-tag-checked.byte-tag-fill.byte-tag-green {
	color: #fff;
	border: none;
	background-color: #3bbf7d
}

.byte-tag-checked.byte-tag-simple.byte-tag-green {
	color: #3bbf7d;
	border: none;
	background-color: #edf7f2
}

.byte-tag-checked.byte-tag-grey {
	color: #999999;
	color: var(- -black03);
	border: 1px solid #999999;
	border: 1px solid var(- -black03);
	background-color: #fff
}

.byte-tag-checked.byte-tag-fill.byte-tag-grey {
	color: #999999;
	color: var(- -black03);
	border: none;
	background-color: #e8e8e8;
	background-color: var(- -black06)
}

.byte-tag-checked.byte-tag-simple.byte-tag-grey {
	color: #999999;
	color: var(- -black03);
	border: none;
	background-color: #f5f5f5
}

.byte-tag-checked.byte-tag-orange {
	color: #ff8e4f;
	border: 1px solid #ff8e4f;
	background-color: #fff
}

.byte-tag-checked.byte-tag-fill.byte-tag-orange {
	color: #fff;
	border: none;
	background-color: #ff8e4f
}

.byte-tag-checked.byte-tag-simple.byte-tag-orange {
	color: #ff8e4f;
	border: none;
	background-color: #fcf9eb
}

.byte-timepicker {
	width: 200px
}

.byte-timepicker-cell-selected {
	font-weight: 500
}

.byte-popconfirm-content, .byte-popover-content, .byte-tooltip-content {
	line-height: 20px;
	padding: 8px 12px
}

.byte-tooltip.mp-tooltip-day-mode .byte-tooltip-content {
	background-color: #fff;
	color: #666666;
	color: var(- -black02);
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
}

.byte-tooltip.mp-tooltip-day-mode .byte-tooltip-arrow {
	background-color: #ffffff;
	background-color: var(- -black10)
}

.byte-tooltip.mp-tooltip-day-mode[trigger-placement=tl] .byte-tooltip-arrow,
	.byte-tooltip.mp-tooltip-day-mode[trigger-placement=top] .byte-tooltip-arrow,
	.byte-tooltip.mp-tooltip-day-mode[trigger-placement=tr] .byte-tooltip-arrow
	{
	box-shadow: 3px 3px 7px rgba(0, 0, 0, .07)
}

.byte-tooltip.mp-tooltip-day-mode[trigger-placement=bl] .byte-tooltip-arrow,
	.byte-tooltip.mp-tooltip-day-mode[trigger-placement=bottom] .byte-tooltip-arrow,
	.byte-tooltip.mp-tooltip-day-mode[trigger-placement=br] .byte-tooltip-arrow
	{
	box-shadow: -3px -3px 7px rgba(0, 0, 0, .07)
}

.byte-tooltip.mp-tooltip-day-mode[trigger-placement=lb] .byte-tooltip-arrow,
	.byte-tooltip.mp-tooltip-day-mode[trigger-placement=left] .byte-tooltip-arrow,
	.byte-tooltip.mp-tooltip-day-mode[trigger-placement=lt] .byte-tooltip-arrow
	{
	box-shadow: 3px -3px 7px rgba(0, 0, 0, .07)
}

.byte-tooltip.mp-tooltip-day-mode[trigger-placement=rb] .byte-tooltip-arrow,
	.byte-tooltip.mp-tooltip-day-mode[trigger-placement=right] .byte-tooltip-arrow,
	.byte-tooltip.mp-tooltip-day-mode[trigger-placement=rt] .byte-tooltip-arrow
	{
	box-shadow: -3px 3px 7px rgba(0, 0, 0, .07)
}

.byte-upload-trigger-picture {
	color: #999999;
	color: var(- -black03);
	border-color: #d8d8d8;
	border-color: var(- -black05);
	background-color: #fafafa;
	background-color: var(- -black08)
}

.byte-upload-trigger-picture:hover {
	border-color: #999999;
	border-color: var(- -black03);
	background-color: #f5f5f5;
	background-color: var(- -black07);
	color: #999999;
	color: var(- -black03)
}

.byte-upload-trigger-drag .byte-upload-trigger-area {
	border-color: #d8d8d8;
	border-color: var(- -black05)
}

.byte-upload-trigger-drag .byte-upload-trigger-area-active,
	.byte-upload-trigger-drag .byte-upload-trigger-area:hover {
	border-color: #999999;
	border-color: var(- -black03);
	background-color: #f5f5f5;
	background-color: var(- -black07);
	color: #999999;
	color: var(- -black03)
}

.byte-upload-trigger-drag .byte-upload-trigger-area-active>p,
	.byte-upload-trigger-drag .byte-upload-trigger-area:hover>p {
	font-weight: 500
}

.byte-upload-trigger-drag .byte-upload-trigger-area>p {
	line-height: 20px;
	color: #666666;
	color: var(- -black02)
}

.byte-upload-trigger-drag .byte-upload-trigger-area .byte-upload-trigger-tip
	{
	color: #999999;
	color: var(- -black03);
	line-height: 20px
}

.byte-upload-list-item-text {
	line-height: 20px
}

.byte-upload-list-item-text-name:hover {
	color: #666666;
	color: var(- -black02)
}

.byte-upload-list-item-text-name span {
	font-size: 16px
}

.byte-upload-list-item-text-btn {
	color: #1356bd
}